<template>
  <div class="nav-header">
    <div class="logo">
      <h2>图像上色系统</h2>
    </div>
    <div class="nav-menu">
      <el-menu mode="horizontal" router>
        <el-menu-item index="/">首页</el-menu-item>
        <el-menu-item index="/history">历史记录</el-menu-item>
        <el-menu-item index="/feedback">反馈</el-menu-item>
      </el-menu>
    </div>
  </div>
</template>

<style scoped>
.nav-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  height: 100%;
}

.logo {
  color: #409EFF;
}
</style>